<nav class="navbar navbar-default">
	<div class="container">
		<div class="container-fluid">
			<div class="navbar-header">
				<button aria-controls="navbar" aria-expanded="false" class="navbar-toggle collapsed" data-target="#navbar" data-toggle="collapse" type="button">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="/"><img src="./assets/img/logo.png" alt="Spring Security Sample"/></a>
			</div>
			<div class="navbar-collapse collapse" id="navbar">
				<ul class="nav navbar-nav">
					<li><a href="#inbox" ng-click="updateCurrentActiveLink('inbox')" ng-class="{active : isCurrentActiveLink('inbox')}">Inbox</a></li>
					<li><a href="#sent" ng-click="updateCurrentActiveLink('sent')" ng-class="{active : isCurrentActiveLink('sent')}">Sent</a></li>
					<li><a href="#compose" ng-click="updateCurrentActiveLink('compose')" ng-class="{active : isCurrentActiveLink('compose')}">Compose</a></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li class="dropdown">
						<!-- the username is obtained from /authenticate and should be invoked anytime a 401 is received from any of the other URLs -->
						<a id="user-menu" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{currentPrincipal.firstName + ' ' + currentPrincipal.lastName}}</a>
						<ul class="dropdown-menu">
							<li><!--  perform POST to /logout w/ the CSRF token --><a id="sign-out" href="#" ng-click="logout()">Sign Out</a></li>
						</ul>
					</li>
				</ul>

			</div><!--/.nav-collapse -->
		</div><!--/.container-fluid -->
	</div>
</nav>
